<template>
  <div class=" cjy-outer">
    <header>
      <headers title="超值促销" :hasTitle="true" :hasBack="true" :goBack="goBack" textAlign="center"></headers>
    </header>
    <article style="width:100% ;height:100%; overflow: hidden;">
      <vertical-scroll ref="verticalScroll">
        <first-classification @refresh="refresh"> </first-classification>

      </vertical-scroll>
    </article>
  </div>
</template>

<script>
  import Headers from '@/real-containers/header'
  import VerticalScroll from '@/real-components/VerticalScroll'
  import FirstClassification from './FirstClassification'

  export default {
    data () {
      return {}
    },
    components: {
      Headers,
      VerticalScroll,
      FirstClassification
    },
    methods: {
      goBack () {
        this.$router.go(-1)
      },
      refresh () {
        this.$refs.verticalScroll.refresh()
      }

    },
  }
</script>

<style scoped>
  header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .cjy-outer {
    padding-top: 3rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
</style>
